{extends file='frontend/account/index.tpl'}

{block name="frontend_index_header_javascript_jquery" append}
<script>
(function (window) {

    {* Configuration of the partner chart *}
    window.partnerChart =  {ldelim}
        'timeUnit': '{s name='PartnerStatisticLabelTimeUnit'}{/s}',
        'netAmountLabel': '{s name='PartnerStatisticLabelNetTurnover'}{/s}'
    {rdelim};

})(window);
</script>
{/block}

{block name="frontend_index_header_javascript_jquery_lib"}
    {$smarty.block.parent}
    <script type="text/javascript" src="{link file='frontend/_public/src/js/vendors/raphael/raphael.js'}"></script>
    <script type="text/javascript" src="{link file='frontend/_public/src/js/vendors/raphael/popup.js'}"></script>
    <script type="text/javascript" src="{link file='frontend/_public/src/js/vendors/raphael/analytics.js'}"></script>
{/block}

{* Breadcrumb *}
{block name='frontend_index_start'}
    {$smarty.block.parent}
    {s name="Provisions" assign="snippetProvisions"}{/s}
    {$sBreadcrumb[] = ['name' => $snippetProvisions, 'link' => {url}]}
{/block}

{* Main content *}
{block name='frontend_index_content'}

{* Partner Provision overview *}
<div class="content account--content partner-statistic">
    {* Welcome text *}
    {block name="frontend_account_orders_welcome"}
        <div class="account--welcome panel">
            {block name="frontend_account_orders_welcome_headline"}
                <h1 class="panel--title">{s name="PartnerStatisticHeader"}{/s}</h1>
            {/block}
        </div>
    {/block}
    <div class="partner-statistic-body panel has--border is--rounded">
        <div class="period--selection--form">
            {block name='frontend_account_partner_statistic_listing_actions_top'}
                <div class="top">
                    {block name="frontend_account_partner_statistic_listing_date"}
                        <form method="post" action="{url controller='account' action='partnerStatistic'}">
                            <div class="date-filter">
                                <label class="date-filter--label" for="datePickerFrom">{s name='PartnerStatisticLabelFromDate'}{/s}</label>
                                <div class="date-filter--input">
                                    <input id="datePickerFrom" class="datepicker text" data-datepicker="true" data-autoSubmit="true" name="fromDate" type="text" value="{$partnerStatisticFromDate}"/>
                                </div>
                            </div>
                            <div class="date-filter">
                                <label class="date-filter--label" for="datePickerTo">{s name='PartnerStatisticLabelToDate'}{/s}</label>
                                <div class="date-filter--input">
                                    <input id="datePickerTo" class="datepicker text" data-datepicker="true" data-autoSubmit="true" name="toDate" type="text" value="{$partnerStatisticToDate}"/>
                                </div>
                            </div>
                            <input type="submit" class="btn is--primary btn--filter is--small" value="{s name="PartnerStatisticSubmitFilter"}{/s}"/>
                        </form>
                    {/block}
                </div>
            {/block}
        </div>
        {if $sPartnerOrders}
            <table id="data" class="is--hidden">
                <tbody>
                <tr>
                    {foreach $sPartnerOrderChartData as $chartItem}
                        <td>{$chartItem.netTurnOver|number_format:2:".":""}</td>
                    {/foreach}
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    {foreach $sPartnerOrderChartData as $chartItem}
                        <th>{$chartItem.timeScale}</th>
                    {/foreach}
                </tr>
                </tfoot>
            </table>
            <div id="holder" class="chart--holder"></div>

                <div class="partner_statistic_overview_active panel">

                    {block name="frontend_account_statistic_overview_table"}
                        <div class="panel--table">
                            {block name="frontend_account_partner_statistic_table_head"}
                                <div class="orders--table-header panel--tr">

                                    <div class="panel--th column--date">
                                        {s name="PartnerStatisticColumnDate"}{/s}
                                    </div>

                                    <div class="panel--th column--id">
                                        {s name="PartnerStatisticColumnId"}{/s}
                                    </div>

                                    <div class="panel--th column--price">
                                        {s name="PartnerStatisticColumnNetAmount"}{/s}
                                    </div>

                                    <div class="panel--th column--total">
                                        {s name="PartnerStatisticColumnProvision"}{/s}
                                    </div>
                                </div>
                            {/block}

                            {foreach $sPartnerOrders as $partnerOrder}
                                {if $partnerOrder@last}
                                    {$lastitem=1}
                                {else}
                                    {$lastitem=0}
                                {/if}

                                {include file="frontend/account/partner_statistic_item.tpl" lastitem=$lastitem}
                            {/foreach}
                        </div>
                    {/block}
                </div>
            </div>
        {else}
            {block name="frontend_account_partner_statistic_info_empty"}
                <div class="account--no-orders-info">
                    {s name="PartnerStatisticInfoEmpty" assign="snippetPartnerStatisticInfoEmpty"}{/s}
                    {include file="frontend/_includes/messages.tpl" type="warning" content=$snippetPartnerStatisticInfoEmpty}
                </div>
            {/block}
        {/if}
    </div>
{/block}